<template>
  <div class="min-h-screen pb-5" :style="`background:url(${getOSSURL('/imgs/h5-others/底图.png')}) no-repeat;background-size:100% 100%;`">
    <img class="w-full" :src="getOSSURL('/imgs/h5-others/会员福利顶图.png')" alt="" />
    <a v-for="item in listItem" :href="item.herf"><img class="mt-3 px-5 w-full" :src="item.img" alt="" /></a>
  </div>
</template>

<script setup lang="ts">
import { getOSSURL } from "@/utils/utils";

const listItem = reactive([
  {
    img: getOSSURL("/imgs/h5-others/会员福利图片/banner1.png"),
    herf: "https://kzurl11.cn/bjr6i",
  },
  {
    img: getOSSURL("/imgs/h5-others/会员福利图片/banner2.png"),
    herf: "https://u.ele.me/FAkLA1B0",
  },
  {
    img: getOSSURL("/imgs/h5-others/会员福利图片/banner3.png"),
    herf: "https://5kma.cn/bj929",
  },
  {
    img: getOSSURL("/imgs/h5-others/会员福利图片/banner4.png"),
    herf: "https://kzurl09.cn/bBRpI",
  },
  {
    img: getOSSURL("/imgs/h5-others/会员福利图片/banner5.png"),
    herf: "https://p.pinduoduo.com/TqPjfOPw",
  },
]);
</script>
